<template>
  <div class="my-info">
    <router-link to='Collection' tag="div" class="my-info-line">
      <p class="my-info-left">
        <span class="iconfont my-info-icon">&#xe644;</span>
        <span class="my-info-left-name">我的收藏</span>
      </p>
      <p class="iconfont my-forword">&#xe74f;</p>
    </router-link>
    <router-link to='Address' tag="div" class="my-info-line">
      <p class="my-info-left">
        <span class="iconfont my-info-icon">&#xe622;</span>
        <span class="my-info-left-name">我的收货地址</span>
      </p>
      <p class="iconfont my-forword">&#xe74f;</p>
    </router-link>
    <router-link to='cart' tag="div" class="my-info-line">
      <p class="my-info-left">
        <span class="iconfont my-info-icon">&#xe601;</span>
        <span class="my-info-left-name">我的购物车</span>
      </p>
      <p class="iconfont my-forword">&#xe74f;</p>
    </router-link>
    <router-link to='share' tag="div" class="my-info-line">
      <p class="my-info-left">
        <span class="iconfont my-info-icon">&#xe6be;</span>
        <span class="my-info-left-name">扫码分享</span>
      </p>
      <p class="iconfont my-forword">&#xe74f;</p>
    </router-link>
    <router-link to='AboutMe' tag="div" class="my-info-line">
      <p class="my-info-left">
        <span class="iconfont my-info-icon">&#xe611;</span>
        <span class="my-info-left-name">关于我</span>
      </p>
      <p class="iconfont my-forword">&#xe74f;</p>
    </router-link>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less">
  .my-info{
    width: 100%;
    background: white;
    margin-bottom: 1.4rem;
    .my-info-line{
      width: 100%;
      height: 1.4rem;
      line-height: 1.4rem;
      border-bottom: 1px solid #eee;
      display: flex;
      justify-content: space-between;
      .my-info-left{
        width: 5rem;
        .my-info-icon{
          margin-left: .3rem;
          font-size: .62rem;
        }
        .my-info-left-name{
          margin-left: .12rem;
          font-size: .42rem;
        }
      }
      .my-forword{
        margin-right: .2rem;
        font-size: .4rem;
        color: #666;
      }
    }
    .my-info-line:last-child{
      border-bottom:none;
    }
  }
</style>
